<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>27-css3新增选择器-选项卡 - nodde</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>27-css3新增选择器-选项卡 - node</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>css3新增选择器</h2>
					<span>id 选择器
	class 选择器
	标签选择器
	属性选择器
		att代表属性 val属性值
		[att] 匹配所有具有att属性的标签
		[att=val] 匹配所有att属性值为val的标签
		[att~=val] 匹配所有att属性包含val或者等于val
		[att|=val] 匹配所有att属性以 val- 开头或者等于val

		[att*=val] 匹配所有att属性包含val的
		[att^=val] 匹配所有att属性以val开头的
		[att$=val] 匹配所有att属性以val结尾的
	伪类选择器
 
		</span>
				</li>
				<li>
					<h2>结构性伪类选择器</h2>
					<span>E代表元素(只是一个代表)
		E:nth-child(n) 表示E元素父级的所有子元素集合中的第n个子节点(该节点必须和E元素相同)
		E:nth-last-child(n) 表示E元素父级的所有子元素集合中从后往前的第n个子节点(该节点必须和E元素相同)

		E:nth-of-type(n)表示相同E元素所有集合中第n个节点(同类型的标签元素)
		E:nth-last-of-type(n) 表示相同E元素所有集合中倒数第n个节点(同类型的标签元素)

		E:nth-child(odd){}
					odd匹配的是奇数,2n-1匹配的也是奇数
		E:nth-child(even){}
					even匹配的是偶数,2n匹配的也是偶数
		E:empty{}表示这个元素中没有子节点,不能有空格,不能有回车
		</span>
				</li>
				<li>
					<h2>伪类选择器</h2>
					<span>E:target{} 选择到锚链接对象(就是跳转的对象)
		E:disabled{} 选择不可点击的表单控件
		E:enabled{} 选择可点击的表单
		E:checked{} 选择被选中的checkbox 或 radio
		E:first-line{} 选择E元素第一行文字
		E:first-letter{} 选择E元素第一个文字
		E::selection{} 选择E元素被选中的文字(中间是两个冒号)
		E:not(selector){} 选择非selector选择器的每一个元素

		E ~ F{} 选择E元素后面的所有兄弟元素F
		</span>
				</li>
			</ul>
	</body>
</html>
